<!doctype html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>首页</title>
  <script src="https://afarkas.github.io/lazysizes/plugins/bgset/ls.bgset.min.js"></script>
  <meta name="description" content="企业站, 域名主机，网站建设，云服务器，企业邮箱一站式解决">
</head>

<body>
  <div class="app">
    <header class="relative bg-zinc-800 w-full min-h-132px-vw lg:min-h-100px">
      <div class="absolute w-full flex justify-between z-50">
        <a class="logo inline-block w-144px-vw h-48px-vw mt-42px-vw ml-42px-vw lg:w-36 lg:h-12 lg:mt-8 lg:ml-12"
          href="index.html" title="企业站"></a>
        <a class="icon icon-menu menu text-white text-38px-vw mt-42px-vw mr-48px-vw lg:hidden" href="javascript:;" title="菜单"></a>
        <nav class="nav-mb lg:nav-pc">
          <div class="nav-bg-mask lg:hidden"></div>
          <div class="links">
            <a class="icon icon-close close text-white text-38px-vw absolute z-20 right-42px-vw top-42px-vw lg:hidden" href="javascript:;"></a>
            <a class="link current" href="index.html">首页</a>
            <a class="link " href="news.html">新闻列表页</a>
            <a class="link " href="about.html">关于我们</a>
          </div>
        </nav>
      </div>
      <div class="carousel relative top-0 h-540px-vw lg:h-800px">
        <!-- 轮播图铺满屏幕高度: h-fullvh -->
        <!-- 符合设计图的高度: h-540px-vw lg:h-800px -->
        <template class="carousel-ctl-tpl">
          <svg class="annulusloading-svg" viewBox="0 0 100 100">
            <path class="annulusloading-svg-bg" d="M 50 50 m -40 0 a 40 40 0 1 0 80 0  a 40 40 0 1 0 -80 0" fill="none">
            </path>
            <path class="annulusloading-svg-ring" d="M 50 50 m -40 0 a 40 40 0 1 0 80 0  a 40 40 0 1 0 -80 0"
              fill="none"></path>
          </svg>
        </template>
        <div class="carousel-ctl absolute z-10 h-full left-42px-vw w-32px-vw flex flex-col justify-center">
        </div>
        <div class="carousel-pages absolute z-0 w-full h-full">
          <!--轮播 -start-->
          <div class="carousel-page absolute t-0 w-full h-full">
            <!--注意,最新的html-loader,使用data-srcset,则不能出现换行和多余的空格-->
            <div class="carousel-page-img absolute z-0 w-full h-full"><img class="lazyload object-cover h-full w-full"
              src="../public/res-img/banner1-32.jpg"
              alt="开启互联网+ 从我们开始"
              data-src="../public/res-img/banner1-768.jpg"
              data-sizes="auto"
              data-srcset="../public/res-img/banner1-768.jpg 768w,../public/res-img/banner1-1250.jpg 1250w,../public/res-img/banner1-original.jpg" /></div>
            <div
              class="carousel-page-title absolute z-10 w-full text-center top-347px-vw text-48px-vw lg:top-34p lg:text-80px text-white font-normal">
              开启互联网+ 从我们开始</div>
            <div
              class="carousel-page-text absolute z-20 w-full text-center px-212px-1vw top-423px-vw lg:top-51p text-20px-vw lg:text-36px text-white">
              域名主机，网站建设，云服务器，企业邮箱一站式解决</div>
          </div>
          <div class="carousel-page absolute t-0 w-full h-full">
            <div class="carousel-page-img absolute z-0 w-full h-full"><img class="lazyload object-cover h-full w-full"
              src="../public/res-img/banner2-32.jpg"
              alt="关于我们"
              data-src="../public/res-img/banner2-768.jpg"
              data-sizes="auto"
              data-srcset="../public/res-img/banner2-768.jpg 768w,../public/res-img/banner2-1250.jpg 1250w,../public/res-img/banner2-original.jpg"/></div>
            <div
              class="carousel-page-title absolute z-10 w-full text-center top-347px-vw text-48px-vw lg:top-34p lg:text-80px text-white font-normal">
              关于我们</div>
            <div
              class="carousel-page-text absolute z-20 w-full text-center px-212px-1vw top-423px-vw lg:top-51p text-20px-vw lg:text-36px text-white">
              企业构建互联网信息技术服务平台，领先技术变革，提升产业效率，致力于使能软件企业引领发展，服务制造企业转型升级，为政企客户提供“多快好省”的信息技术服务。</div>
          </div>
          <div class="carousel-page absolute t-0 w-full h-full">
            <div class="carousel-page-img absolute z-0 w-full h-full"><img class="lazyload object-cover h-full w-full"
              src="../public/res-img/banner3-32.jpg"
              alt="新闻中心"
              data-src="../public/res-img/banner3-768.jpg"
              data-sizes="auto"
              data-srcset="../public/res-img/banner3-768.jpg 768w,../public/res-img/banner3-1250.jpg 1250w,../public/res-img/banner3-original.jpg"/></div>
            <div
              class="carousel-page-title absolute z-10 w-full text-center top-347px-vw text-48px-vw lg:top-34p lg:text-80px text-white font-normal">
              新闻中心</div>
            <div
              class="carousel-page-text absolute z-20 w-full text-center px-212px-1vw top-423px-vw lg:top-51p text-20px-vw lg:text-36px text-white">
              几乎所有的伟大成就，都是团队集体协作追求远大目标的结果。这些团队的领导者挑选了团队的成员，并激励他们追求自己不敢想象的成就。</div>
          </div>
          <!--轮播 -end-->
        </div>
      </div>
    </header>
    <main class="w-full flex flex-col">
      <section class="w-full relative 1920:min-h-1426px area-service-scope">
        <div class="decorate-title absolute z-10 top-64px-vw left-54px-vw text-64px-vw font-normal text-gray-50 
          lg:w-831px lg:h-40 lg:top-24 lg:left-14 lg:text-128px">Service scope</div>
        <div
          class="decorate-bg-1 absolute z-10 w-663px-vw h-811px-vw top-409px-vw lg:w-912px lg:h-1150px lg:top-246px lg:left-11">
        </div>
        <div class="absolute z-0 w-full h-1000px-vw bg-gray-50 lg:h-998px"></div>
        <div class="relative z-20 text-48px-vw ml-94px-vw mt-115px-vw lg:text-48px lg:w-48 lg:h-16 lg:ml-44 lg:mt-52">
          服务范围</div>
        <div
          class="tans-move-ease-out -left-full ani-left-enter relative z-20 text-28px-vw w-663px-vw mt-24px-vw mx-auto text-gray-500 lg:text-24px lg:ml-32 lg:mt-14 1920:w-700px">
          依托百度政务混合云，汇聚城市管理及公安等政务领域的自有数据及互联网公开数据，基于百度大数据多年积累的行业模型及实战经验，提供从数据整合治理到分析挖掘的一站式大数据解决方案，助力智慧政务新时代。
          <br /><br />
          全渠道零售方案包括B2C、O2O、B2B的场景，提供APP/小程序，支持对接饿了么、美团等第三方外卖平台，基于阿里巴巴多年沉淀的业务中台技术，建立商品、会员、交易、营销等共享服务中心，实现全渠道数据的共享和一致，帮助零售商打造线上、线下无差别的全渠道销售能力。
        </div>

        <div class="tans-opacity-ease-out opacity-0 ani-opacity-enter w-full relative z-20 flex flex-wrap justify-between mt-32px-vw 
        2xl:w-1150px 2xl:top-10 2xl:left-1150px-maxleft
        1920:w-1150px 1920:absolute 1920:top-44 1920:right-0 1920:left-auto">
          <!-- 一堆装饰图片 -->
          <img src="../public/res-img/service-img1-32.jpg" data-src="../public/res-img/service-img1-original.jpg" 
          alt="服务范围"
           class="lazyload 
          w-164px-vw h-164px-vw mt-222px-vw ml-115px-vw
          2xl:w-64 2xl:h-64 2xl:mt-344px 2xl:ml-162px"
          />
          <img src="../public/res-img/service-img2-32.jpg" data-src="../public/res-img/service-img2-original.jpg" 
          alt="服务范围"
          class="lazyload w-436px-vw h-386px-vw 2xl:w-700px 2xl:h-600px" />
          <img src="../public/res-img/service-img3-32.jpg" data-src="../public/res-img/service-img3-original.jpg"
          alt="服务范围"
            class="lazyload w-409px-vw h-308px-vw mt-24px-vw 2xl:w-658px 2xl:h-484px 2xl:mt-8" />
          <img src="../public/res-img/service-img4-32.jpg" data-src="../public/res-img/service-img4-original.jpg"
          alt="服务范围"
            class="lazyload w-308px-vw h-196px-vw mt-24px-vw 2xl:w-460px 2xl:h-300px 2xl:mt-8" />
        </div>
      </section>
      <section class="lazyload w-full relative hidden h-520px mt-36 lg:block bg-fixed company-bg"
      data-sizes="auto"
      data-bgset="../public/style-img/company-bg-32.jpg 32w,../public/style-img/company-bg-360.jpg 360w,../public/style-img/company-bg-1250.jpg 1250w,../public/style-img/company-bg-original.jpg">
        <div class="absolute z-0 top-0 w-full h-full bg-black opacity-70"></div>
        <div class="absolute z-10 top-0 w-full h-full">
          <div class="relative z-20 text-48px-vw mt-24 text-white text-center lg:text-48px">企业文化</div>
          <div class="relative z-20 w-128px-vw h-8px-vw bg-red-500 mx-auto mt-32px-vw lg:w-32 lg:h-2 lg:mt-8">
            <!--下划线-->
          </div>
          <div class="text-white mt-8 mx-auto px-3 max-w-1520px text-24px p">
            <p>
              作为中国专业的企业文化咨询公司，我们在生存和发展的历程中，也形成了自己经营管理个性和文化，我们的运营和发展都基于对这些文化涵盖的信念、信条和原则持之以恒、不折不扣地执行，所有公司的成员的所有行为均需与这些标准和原则保持高度统一。
            </p>
            <p>
              我们相信，企业的战略可以改变，领导可以更换，甚至文化的表现也要与时俱进，总之一切都可以调整，唯一能保持并引领我们的，只有我们的文化核心。只有信念的坚持才能带来企业的持续增长，只有统一的意志才能锻炼出优秀的队伍，总之只有文化才能使我们长青。
            </p>
          </div>
        </div>
      </section>
      <section class="w-full relative overflow-hidden">
        <div class="decorate-title font-normal text-white absolute z-10 
        top-64px-vw left-54px-vw text-64px-vw 
        lg:w-1131px-1vw lg:h-163px-1vw lg:left-1131px-1vw-60left lg:text-128px-1vw">Team to introduce</div>
        <div class="tans-move-ease-out -right-full ani-right-enter
        relative z-20 text-48px-vw mt-94px-vw text-center lg:text-48px">团队介绍</div>
        <div class="relative z-20 w-128px-vw h-8px-vw bg-red-500 mx-auto mt-32px-vw lg:w-32 lg:h-2 lg:mt-8">
          <!--下划线-->
        </div>
        <div class="mt-32px-vw lg:mt-14 lg:flex">
          <!-- 团队成员循环-start -->
          <div class="relative z-20 w-full h-1055px-vw lg:w-1/3 lg:h-900px-vw">
            <img class="lazyload absolute z-0 w-full h-full top-0" 
            alt="Jon Smith"
            src="../public/res-img/photo-JonSmith-32.jpg" data-src="../public/res-img/photo-JonSmith-original.jpg" />
            <div class="tans-opacity-ease-out opacity-0 ani-opacity-enter absolute z-10 w-full text-center text-white top-716px-vw lg:top-600px-1vw">
              <div class="text-center text-64px-vw lg:text-48px-1vw">Jon Smith</div>
              <div class="text-center mt-32px-vw text-32px-vw lg:mt-24px-1vw lg:text-20px">特级教师，从事教育工作10年</div>
              <div class="text-center mt-32px-vw text-28px-vw lg:mt-54px-1vw lg:text-20px"><i
                  class="icon icon-arrows text-footerbg relative w-9 h-9 lg:w-6 lg:h-6"></i>More information</div>
            </div>
          </div>
          <div class="relative z-20 w-full h-1055px-vw lg:w-1/3 lg:h-900px-vw">
            <img class="lazyload absolute z-0 w-full h-full top-0" 
            alt="Merri Bond"
            src="../public/res-img/photo-MerriBond-32.jpg" data-src="../public/res-img/photo-MerriBond-original.jpg" />
            <div class="tans-opacity-ease-out opacity-0 ani-opacity-enter absolute z-10 w-full text-center text-white top-716px-vw lg:top-600px-1vw">
              <div class="text-center text-64px-vw lg:text-48px-1vw">Merri Bond</div>
              <div class="text-center mt-32px-vw text-32px-vw lg:mt-24px-1vw lg:text-20px">特级教师，从事教育工作10年</div>
              <div class="text-center mt-32px-vw text-28px-vw lg:mt-54px-1vw lg:text-20px"><i
                  class="icon icon-arrows text-footerbg relative w-9 h-9 lg:w-6 lg:h-6"></i>More information</div>
            </div>
          </div>
          <div class="relative z-20 w-full h-1055px-vw lg:w-1/3 lg:h-900px-vw">
            <img class="lazyload absolute z-0 w-full h-full top-0" 
            alt="Samuel Fredman"
            src="../public/res-img/photo-SamuelFredman-32.jpg" data-src="../public/res-img/photo-SamuelFredman-original.jpg" />
            <div class="tans-opacity-ease-out opacity-0 ani-opacity-enter absolute z-10 w-full text-center text-white top-716px-vw lg:top-600px-1vw">
              <div class="text-center text-64px-vw lg:text-48px-1vw">Samuel Fredman</div>
              <div class="text-center mt-32px-vw text-32px-vw lg:mt-24px-1vw lg:text-20px">特级教师，从事教育工作10年</div>
              <div class="text-center mt-32px-vw text-28px-vw lg:mt-54px-1vw lg:text-20px"><i
                class="icon icon-arrows text-footerbg relative w-9 h-9 lg:w-6 lg:h-6"></i>More information</div>
            </div>
          </div>
          <!-- 团队成员循环-end -->
        </div>
      </section>
      <section class="w-full relative bg-zinc-800 pb-54px-vw overflow-hidden">
        <div class="decorate-title-dark font-normal text-zinc-800 absolute z-10 
        top-64px-vw left-54px-vw text-64px-vw 
        lg:w-1131px-1vw lg:h-163px-1vw lg:left-1131px-1vw-60left lg:text-128px-1vw">news and trends</div>
        <div class="tans-move-ease-out -right-full ani-right-enter
        relative z-20 text-48px-vw mt-94px-vw text-white text-center lg:text-48px">新闻动态</div>
        <div class="relative z-20 w-128px-vw h-8px-vw bg-red-500 mx-auto mt-32px-vw lg:w-32 lg:h-2 lg:mt-8">
          <!--下划线-->
        </div>
        <div class="flex lg:mt-14 justify-center flex-wrap">
          <!-- 新闻内容 循环-start -->
          <div
            class="tans-opacity-ease-out opacity-0 ani-opacity-enter
            w-334px-vw mt-64px-vw mx-12px-vw lg:w-348px-1vw lg:mt-14 lg:mx-8 1920:w-344px 1920:mt-14 1920:mx-8">
            <img class="lazyload tans-scale-ease-out hover-scale w-full h-518px-vw lg:h-506px-1vw 1920:h-506px" 
            alt="2022百度AI大会前夕，解读百度大脑的半年“豹变”"
            data-src="../public/res-img/news1-original.jpg" />
            <div class="text-white mt-32px-vw lg:mt-9">
              <div class="text-30px-vw font-medium lg:text-20px">2022百度AI大会前夕，解读百度大脑的半年“豹变”</div>
              <div class="mt-32px-vw text-28px-vw lg:mt-7 lg:text-14px">
                Facebook为未来的VR社交打造了一款逼真的虚拟头像系统，该系统的特点是，利用数百颗摄像头对人脸进行动作捕捉，并能生成与人脸相似度很高的虚拟头像，这些头像还能模仿人脸的大量表情。</div>
            </div>
          </div>
          <div
            class="tans-opacity-ease-out opacity-0 ani-opacity-enter 
            w-334px-vw mt-64px-vw mx-12px-vw lg:w-348px-1vw lg:mt-14 lg:mx-8 1920:w-344px 1920:mt-14 1920:mx-8">
            <img class="lazyload tans-scale-ease-out hover-scale w-full h-518px-vw lg:h-506px-1vw 1920:h-506px" 
            alt="【千龙网】广告行业标准指导性意见将出台"
            data-src="../public/res-img/news2-original.jpg" />
            <div class="text-white mt-32px-vw lg:mt-9">
              <div class="text-30px-vw font-medium lg:text-20px">【千龙网】广告行业标准指导性意见将出台</div>
              <div class="mt-32px-vw text-28px-vw lg:mt-7 lg:text-14px">
                国际印刷工业发展论坛由中国印刷及设备器材工业协会主办，始创于2005年，四年一届，已成功举办三届，每届论坛选择5-6个发达国家和5-6个发展中国家印刷协会的主席或总裁发表演讲</div>
            </div>
          </div>
          <div
            class="tans-opacity-ease-out opacity-0 ani-opacity-enter 
            w-334px-vw mt-64px-vw mx-12px-vw lg:w-348px-1vw lg:mt-14 lg:mx-8 1920:w-344px 1920:mt-14 1920:mx-8">
            <img class="lazyload tans-scale-ease-out hover-scale w-full h-518px-vw lg:h-506px-1vw 1920:h-506px" 
            alt="支持触觉反馈，Manus VR推出全新Prime VR手套"
            data-src="../public/res-img/news3-original.jpg" />
            <div class="text-white mt-32px-vw lg:mt-9">
              <div class="text-30px-vw font-medium lg:text-20px">支持触觉反馈，Manus VR推出全新Prime VR手套</div>
              <div class="mt-32px-vw text-28px-vw lg:mt-7 lg:text-14px">第三届国际印刷工业发展论坛（Forum-PI
                2013）于2013年5月13日在北京举行，主办方邀请了来自中国、美国、德国、英国、意大利、日本、澳大利亚、俄罗斯、印度、印尼、南非、巴西、</div>
            </div>
          </div>
          <div
            class="tans-opacity-ease-out opacity-0 ani-opacity-enter 
            w-334px-vw mt-64px-vw mx-12px-vw lg:w-348px-1vw lg:mt-14 lg:mx-8 1920:w-344px 1920:mt-14 1920:mx-8">
            <img class="lazyload tans-scale-ease-out hover-scale w-full h-518px-vw lg:h-506px-1vw 1920:h-506px" 
            alt="2022百度AI大会前夕，解读百度大脑的半年“豹变”"
            data-src="../public/res-img/news4-original.jpg" />
            <div class="text-white mt-32px-vw lg:mt-9">
              <div class="text-30px-vw font-medium lg:text-20px">2022百度AI大会前夕，解读百度大脑的半年“豹变”</div>
              <div class="mt-32px-vw text-28px-vw lg:mt-7 lg:text-14px">
                Facebook为未来的VR社交打造了一款逼真的虚拟头像系统，该系统的特点是，利用数百颗摄像头对人脸进行动作捕捉，并能生成与人脸相似度很高的虚拟头像，这些头像还能模仿人脸的大量表情。</div>
            </div>
          </div>

          <!-- 新闻内容 循环-end -->
        </div>
      </section>
    </main>
    <footer class="bg-footerbg">
      <div class="flex justify-center flex-col lg:flex-row">
        <div class="text-white text-24px-vw ml-64px-vw mt-32px-vw lg:text-16px lg:mt-12">地址：中国山东省青岛市市南区某某中路20号</div>
        <div class="text-white text-24px-vw ml-64px-vw mt-32px-vw lg:text-16px lg:mt-12">邮箱：<a href="mailto:1370XXX171@qq.com">1370XXX171@qq.com</a></div>
        <div class="text-white text-24px-vw ml-64px-vw mt-32px-vw lg:text-16px lg:mt-12">电话：<a href="tel:0591-88888888">0591-88888888</a></div>
      </div>
      <div class="flex justify-center mt-32px-vw pb-54px-vw ml-64px-vw mr-42px-vw lg:mt-12 lg:pb-12">
        <img alt="二维码" data-src="../public/res-img/qrcode-original.jpg" class="lazyload w-72px-vw h-72px-vw lg:w-12 lg:h-12" />
        <div class="text-white text-24px-vw ml-12px-vw lg:text-16px lg:ml-3 lg:mt-3">Copyright © 2009 - 2022 Cld , All
          Rights Reserved 某某网络科技有限公司 版权所有
          陕ICP备xxxxxxx号</div>
      </div>
    </footer>
  </div>
</body>

</html>